<template>
  <div class="container">
    <Breadcrumb :items="['数据分析', '群组统计']" />

    <a-space direction="vertical" :size="16" fill>
      <!--地图-->
      <ChinaMapV2 />

      <!--四个小的-->
      <DataOverview />
    </a-space>

    <!--<a-space direction="vertical" :size="26" fill>-->
    <!--  <a-row>-->
    <!--    <ChinaMapV2 />-->
    <!--  </a-row>-->

    <!--  <a-row>-->
    <!--    <DataOverview />-->
    <!--  </a-row>-->
    <!--</a-space>-->
  </div>
</template>

<script lang="ts" setup>
  import questionDataSurveyStore from '@/store/modules/data-screen';
  import DataOverview from './components/data-overview.vue';
  import ChinaMapV2 from './components/china-map-v2.vue';

  const questionData = questionDataSurveyStore();

  const id = '1588914049915138049';

  // questionData.answer.questionTypes = [
  //   {
  //     name: '疫情问卷',
  //     value: '3',
  //   },
  //   {
  //     name: '东b校园问卷',
  //     value: '2',
  //   },
  // ];
  //
  // questionData.answer.questionUsers = [
  //   {
  //     name: '刘益先',
  //     value: '2',
  //   },
  //   {
  //     name: '李哲洙',
  //     value: '3',
  //   },
  // ];
</script>

<!--<script lang="ts">-->
<!--  export default {-->
<!--    name: 'ScreenGroupDataAnalysis',-->
<!--  };-->
<!--</script>-->

<style scoped lang="less">
  .container {
    padding: 0 20px 20px 20px;
  }

  :deep(.section-title) {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 16px;
  }

  :deep(.chart-wrap) {
    height: 264px;
  }
</style>
